<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link rel="stylesheet" href="style/common.css"/>
    <link rel="stylesheet" href="style/login.css"/>
</head>
<body>

<!--start-->
<div class="login">
    <div class="top wrap">
        <div class="logo fl"><img src="img/front/logo.jpg" alt=""/></div>
        <ul class="commitmentList fr"></ul>
    </div>
    
    <div class="mid wrap">
        <div class="fl ad">
            <a href=""><img src="img/example/login_ad.jpg" alt=""/></a>
        </div>

        <form class="fr form bgWhite" method="post" id="loginForm">
            <div class="title">
                <a href="" class="fr">免费注册</a>
                <h2>网站登录</h2>
            </div>

            <div class="account iptWrap"><input type="text" name="name" autocomplete="off" placeholder="邮箱/手机号码" value=""></div>
            <div class="pass iptWrap"><input type="password" name="password" placeholder="密码"></div>
            <div class="codeBox">
                <div class="code iptWrap fl">
                    <input type="text" placeholder="验证码">
                    <input type="hidden" class="hidden" value="8977">
                </div>
                <div class="codeImg">
                    <img src="img/example/login_code.gif" alt="">
                </div>
                <span class="change">换张图</span>
            </div>
            <div class="error"></div>

            <div class="help">
                <a href="" class="fr">忘记密码？</a>
                <label><input type="checkbox" name="rememberme" checked=""><span>一周内记住我</span></label>
            </div>

            <div class="btn"><input type="button" value="登 录"></div>
        </form>
    </div>

   <div class="foot">
       <div class="copyright">
            <div class="wrap">Copyright&emsp;&copy;&emsp;2013-2018&emsp;武汉创远达信息技术有限公司版权所有&emsp;&emsp;鄂ICP备14008188-1号</div>
        </div>
   </div>

</div>
<!--End-->

</body>
<script src="script/jquery.js"></script>
<script>
$(function(){
    //密码输入框默认提示文字
    $('#pass').on('click','.placeholder', function () {
        $(this).hide().prev('input').focus();
    });
});
</script>
</html>